﻿<!DOCTYPE html>
<html>
  <head>
    <title>hues灯泡设定</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/hues灯泡设定/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/hues灯泡设定/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u1543" class="ax_default box_1">
        <div id="u1543_div" class=""></div>
        <div id="u1543_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1544" class="ax_default" data-left="526" data-top="142" data-width="375" data-height="32">

        <!-- Unnamed (矩形) -->
        <div id="u1545" class="ax_default _形状">
          <div id="u1545_div" class=""></div>
          <div id="u1545_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1546" class="ax_default" data-left="533" data-top="154" data-width="46" data-height="7">

          <!-- Unnamed (矩形) -->
          <div id="u1547" class="ax_default _形状">
            <img id="u1547_img" class="img " src="images/闹钟设置/u19.svg"/>
            <div id="u1547_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1548" class="ax_default _形状">
            <img id="u1548_img" class="img " src="images/闹钟设置/u19.svg"/>
            <div id="u1548_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1549" class="ax_default _形状">
            <img id="u1549_img" class="img " src="images/闹钟设置/u19.svg"/>
            <div id="u1549_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1550" class="ax_default _形状">
            <img id="u1550_img" class="img " src="images/闹钟设置/u19.svg"/>
            <div id="u1550_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1551" class="ax_default _形状">
            <img id="u1551_img" class="img " src="images/闹钟设置/u19.svg"/>
            <div id="u1551_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1552" class="ax_default" data-left="863" data-top="151" data-width="31" data-height="13">

          <!-- Unnamed (矩形) -->
          <div id="u1553" class="ax_default _形状">
            <div id="u1553_div" class=""></div>
            <div id="u1553_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1554" class="ax_default _形状">
            <div id="u1554_div" class=""></div>
            <div id="u1554_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1555" class="ax_default _形状">
            <div id="u1555_div" class=""></div>
            <div id="u1555_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1556" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1556_div" class=""></div>
        <div id="u1556_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1557" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1557_div" class=""></div>
        <div id="u1557_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1558" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1558_div" class=""></div>
        <div id="u1558_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1559" class="ax_default" data-left="527" data-top="759" data-width="374" data-height="50">

        <!-- Rectangle (矩形) -->
        <div id="u1560" class="ax_default _形状" data-label="Rectangle">
          <div id="u1560_div" class=""></div>
          <div id="u1560_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1561" class="ax_default _形状" data-label="Rectangle">
          <img id="u1561_img" class="img " src="images/闹钟设置/rectangle_u33.svg"/>
          <div id="u1561_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1562" class="ax_default _形状" data-label="Rectangle">
          <img id="u1562_img" class="img " src="images/闹钟设置/rectangle_u34.svg"/>
          <div id="u1562_text" class="text ">
            <p><span>事项</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1563" class="ax_default _形状" data-label="Rectangle">
          <img id="u1563_img" class="img " src="images/hues灯泡设定/rectangle_u1563.svg"/>
          <div id="u1563_text" class="text ">
            <p><span>hues</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1564" class="ax_default _形状" data-label="Rectangle">
          <img id="u1564_img" class="img " src="images/闹钟设定/rectangle_u993.svg"/>
          <div id="u1564_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1565" class="ax_default ellipse">
        <img id="u1565_img" class="img " src="images/hues灯泡设定/u1565.svg"/>
        <div id="u1565_text" class="text ">
          <p><span>亮度/颜色对应变化</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1566" class="ax_default _形状">
        <img id="u1566_img" class="img " src="images/hues灯泡设定/u1566.svg"/>
        <div id="u1566_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1567" class="ax_default ellipse">
        <img id="u1567_img" class="img " src="images/hues灯泡设定/u1567.svg"/>
        <div id="u1567_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1568" class="ax_default _文本段落">
        <div id="u1568_div" class=""></div>
        <div id="u1568_text" class="text ">
          <p><span>0</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1569" class="ax_default _文本段落">
        <div id="u1569_div" class=""></div>
        <div id="u1569_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1570" class="ax_default _文本段落">
        <div id="u1570_div" class=""></div>
        <div id="u1570_text" class="text ">
          <p><span>100</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1571" class="ax_default" data-left="615" data-top="538" data-width="264" data-height="24">

        <!-- Unnamed (线段) -->
        <div id="u1572" class="ax_default _水平线">
          <img id="u1572_img" class="img " src="images/hues灯泡设定/u1572.svg"/>
          <div id="u1572_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1573" class="ax_default _水平线">
          <img id="u1573_img" class="img " src="images/hues灯泡设定/u1573.svg"/>
          <div id="u1573_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1574" class="ax_default _形状" data-label="Rectangle">
          <div id="u1574_div" class=""></div>
          <div id="u1574_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1575" class="ax_default _文本段落">
        <div id="u1575_div" class=""></div>
        <div id="u1575_text" class="text ">
          <p><span>颜色调节</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1576" class="ax_default box_1">
        <img id="u1576_img" class="img " src="images/hues灯泡设定/u1576.svg"/>
        <div id="u1576_text" class="text ">
          <p><span>1.开启连接hues灯泡后，点击底部导航栏hues进入hues灯泡设定界面</span></p><p><span><br></span></p><p><span>2.在【设置】开启连接hues灯泡才开启此功能</span></p><p><span><br></span></p><p><span>3.调节灯泡的亮度，拖动半圆进度条，由左到右依次变亮，界面中间的灯泡对应反馈变亮变暗</span></p><p><span><br></span></p><p><span>4.调节灯泡的颜色，显示三个维度的调节，分别是色相、饱和度、灰度，通过拖动进度条设定颜色，灯泡对应产生颜色变化</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1577" class="ax_default _文本段落">
        <div id="u1577_div" class=""></div>
        <div id="u1577_text" class="text ">
          <p><span>色相</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1578" class="ax_default" data-left="615" data-top="591" data-width="264" data-height="24">

        <!-- Unnamed (线段) -->
        <div id="u1579" class="ax_default _水平线">
          <img id="u1579_img" class="img " src="images/hues灯泡设定/u1572.svg"/>
          <div id="u1579_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1580" class="ax_default _水平线">
          <img id="u1580_img" class="img " src="images/hues灯泡设定/u1573.svg"/>
          <div id="u1580_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1581" class="ax_default _形状" data-label="Rectangle">
          <div id="u1581_div" class=""></div>
          <div id="u1581_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1582" class="ax_default _文本段落">
        <div id="u1582_div" class=""></div>
        <div id="u1582_text" class="text ">
          <p><span>饱和度</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1583" class="ax_default" data-left="615" data-top="646" data-width="264" data-height="24">

        <!-- Unnamed (线段) -->
        <div id="u1584" class="ax_default _水平线">
          <img id="u1584_img" class="img " src="images/hues灯泡设定/u1572.svg"/>
          <div id="u1584_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1585" class="ax_default _水平线">
          <img id="u1585_img" class="img " src="images/hues灯泡设定/u1573.svg"/>
          <div id="u1585_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1586" class="ax_default _形状" data-label="Rectangle">
          <div id="u1586_div" class=""></div>
          <div id="u1586_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1587" class="ax_default _文本段落">
        <div id="u1587_div" class=""></div>
        <div id="u1587_text" class="text ">
          <p><span>灰度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1588" class="ax_default box_1">
        <div id="u1588_div" class=""></div>
        <div id="u1588_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1589" class="ax_default" data-left="23" data-top="142" data-width="375" data-height="32">

        <!-- Unnamed (矩形) -->
        <div id="u1590" class="ax_default _形状">
          <div id="u1590_div" class=""></div>
          <div id="u1590_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1591" class="ax_default" data-left="30" data-top="154" data-width="46" data-height="7">

          <!-- Unnamed (矩形) -->
          <div id="u1592" class="ax_default _形状">
            <img id="u1592_img" class="img " src="images/闹钟设置/u19.svg"/>
            <div id="u1592_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1593" class="ax_default _形状">
            <img id="u1593_img" class="img " src="images/闹钟设置/u19.svg"/>
            <div id="u1593_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1594" class="ax_default _形状">
            <img id="u1594_img" class="img " src="images/闹钟设置/u19.svg"/>
            <div id="u1594_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1595" class="ax_default _形状">
            <img id="u1595_img" class="img " src="images/闹钟设置/u19.svg"/>
            <div id="u1595_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1596" class="ax_default _形状">
            <img id="u1596_img" class="img " src="images/闹钟设置/u19.svg"/>
            <div id="u1596_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1597" class="ax_default" data-left="360" data-top="151" data-width="31" data-height="13">

          <!-- Unnamed (矩形) -->
          <div id="u1598" class="ax_default _形状">
            <div id="u1598_div" class=""></div>
            <div id="u1598_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1599" class="ax_default _形状">
            <div id="u1599_div" class=""></div>
            <div id="u1599_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1600" class="ax_default _形状">
            <div id="u1600_div" class=""></div>
            <div id="u1600_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1601" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1601_div" class=""></div>
        <div id="u1601_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1602" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1602_div" class=""></div>
        <div id="u1602_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1603" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1603_div" class=""></div>
        <div id="u1603_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1604" class="ax_default" data-left="24" data-top="759" data-width="374" data-height="50">

        <!-- Rectangle (矩形) -->
        <div id="u1605" class="ax_default _形状" data-label="Rectangle">
          <div id="u1605_div" class=""></div>
          <div id="u1605_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1606" class="ax_default _形状" data-label="Rectangle">
          <img id="u1606_img" class="img " src="images/闹钟设置/rectangle_u33.svg"/>
          <div id="u1606_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1607" class="ax_default _形状" data-label="Rectangle">
          <img id="u1607_img" class="img " src="images/闹钟设置/rectangle_u34.svg"/>
          <div id="u1607_text" class="text ">
            <p><span>事项</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1608" class="ax_default _形状" data-label="Rectangle">
          <img id="u1608_img" class="img " src="images/hues灯泡设定/rectangle_u1563.svg"/>
          <div id="u1608_text" class="text ">
            <p><span>hues</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u1609" class="ax_default _形状" data-label="Rectangle">
          <img id="u1609_img" class="img " src="images/闹钟设定/rectangle_u993.svg"/>
          <div id="u1609_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1610" class="ax_default" data-left="79" data-top="344" data-width="270" data-height="176">

        <!-- Rectangle (矩形) -->
        <div id="u1611" class="ax_default _形状" data-label="Rectangle">
          <div id="u1611_div" class=""></div>
          <div id="u1611_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1612" class="ax_default _水平线">
          <img id="u1612_img" class="img " src="images/hues灯泡设定/u1612.svg"/>
          <div id="u1612_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1613" class="ax_default _垂直线">
          <img id="u1613_img" class="img " src="images/hues灯泡设定/u1613.svg"/>
          <div id="u1613_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1614" class="ax_default _文本段落">
        <div id="u1614_div" class=""></div>
        <div id="u1614_text" class="text ">
          <p><span>提示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1615" class="ax_default _文本段落">
        <div id="u1615_div" class=""></div>
        <div id="u1615_text" class="text ">
          <p><span>请先在【设置】中开启</span></p><p><span>连接hues灯泡</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1616" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1616_div" class=""></div>
        <div id="u1616_text" class="text ">
          <p><span>去设置</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1617" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1617_div" class=""></div>
        <div id="u1617_text" class="text ">
          <p><span>不了</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1618" class="ax_default box_1">
        <img id="u1618_img" class="img " src="images/hues灯泡设定/u1618.svg"/>
        <div id="u1618_text" class="text ">
          <p><span>1.点击底部导航栏hues，若用户没有开启hues灯泡连接，弹出提示窗口，提醒用户先开启连接</span></p><p><span><br></span></p><p><span>2.点击“去设置”，跳转到【设置】中hues灯泡，点击“不了”返回闹钟首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1619" class="ax_default _文本段落">
        <div id="u1619_div" class=""></div>
        <div id="u1619_text" class="text ">
          <p><span>hues灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1620" class="ax_default _文本段落">
        <div id="u1620_div" class=""></div>
        <div id="u1620_text" class="text ">
          <p><span>hues灯泡设定</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1621" class="ax_default _文本段落">
        <div id="u1621_div" class=""></div>
        <div id="u1621_text" class="text ">
          <p><span>hues灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1622" class="ax_default _文本段落">
        <div id="u1622_div" class=""></div>
        <div id="u1622_text" class="text ">
          <p><span>hues灯泡设定</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
